.box{
//想设置box:hover。。& 就表示外层的父元素
    &:hover{
  background-color: red;
    }
}

// .aa:extend(.extends){ 
//     color: red;
// }

.box1{
    .box;//将box的元素的属性加入到box1里面
}


.box{

    .aa1:extend(.box){
        color: #000;
    }
    .aa2:extend(.box){
        color: #000;
    }

}


/*混合函数*/

.test01(@w,@h,@c){
       width: @w;
       height:@h ;
       background-color: @c;
}

div{ 
    .test01(200px,200px,blue);
}

.test1(@w1:11,@h1){}//可以用默认值，就可以不用赋值了


//平均值

.aaa1{
  background-color:average(red,blue);
}